page {
	color: #333;
}

/* #ifndef APP-NVUE */
view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video,
picker-view,
picker-view-column {
	box-sizing: border-box;
}
/* #endif */

.modal-confirm {
	.u-modal {
		padding: 30rpx;
	}
	
	.u-button {
		& + .u-button {
			margin-left: 50rpx;
		}
		
		.u-button__text {
			font-size: 32rpx !important;
		}
	}
}

.form-label-top {
	.u-form-item__body__left {
		align-items: flex-start !important;
	}
	
	@for $value from 1 through 10 {
	    &.margin-top-#{$value} .u-form-item__body__left {
			margin-top: #{$value}px;
	    }
	}
}

.bottom-add-btn {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20rpx;
	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
	background-color: #fff;
	z-index: 1;
}

.u-badge {
	z-index: 1;
}
	
.ellipsis-1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
	
@for $value from 2 through 3 {
    .ellipsis-#{$value} {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: $value;
        -webkit-box-orient: vertical;
    }
}

.oa-x {
	overflow-x: auto;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.pf {
	position: fixed;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.d-inline-block {
	display: inline-block;
}
.d-flex {
	display: flex;
}
.align-start {
    align-items: flex-start;
}
.align-end {
    align-items: flex-end;
}
.align-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-space-between {
    justify-content: space-between;
}
.justify-space-around {
    justify-content: space-around;
}
.justify-space-evenly {
    justify-content: space-evenly;
}
.flex-column {
	flex-direction: column;
}
.flex-grow-1 {
	flex-grow: 1;
}
.flex-shrink-0 {
	flex-shrink: 0;
}
.flex-wrap {
	flex-wrap: wrap;
}

.bold {
	font-weight: bold;
}
.flex-align {
	display: flex;
	align-items: center;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-space-around {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.flex-space-evenly {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.d-none {
	display: none;
}
.d-block {
	display: block;
}
.d-inline-block {
	display: inline-block;
}
.d-flex {
	display: flex;
}
.align-start {
    align-items: flex-start;
}
.align-end {
    align-items: flex-end;
}
.align-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-space-between {
    justify-content: space-between;
}
.justify-space-around {
    justify-content: space-around;
}
.justify-space-evenly {
    justify-content: space-evenly;
}

.flex-column {
	flex-direction: column;
}
.flex-grow-1 {
	flex-grow: 1;
}
.flex-shrink-0 {
	flex-shrink: 0;
}
.flex-wrap {
	flex-wrap: wrap;
}